<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>CMS管理平台登录</title>
        <script type="text/javascript" src="http://cdn.uuola.cn/js/jq.js"></script>
        <script type="text/javascript" src="http://cdn.uuola.cn/js/ut.js"></script>
        <script type="text/javascript" src="http://cdn.uuola.cn/js/vimg.js"></script>
        <script type="text/javascript" src="http://cdn.uuola.cn/js/jq.md5.js"></script>
        <script type="text/javascript" src="http://cdn.uuola.cn/js/calendar.js"></script>
        <script type="text/javascript" src="http://cdn.uuola.cn/js/jq.artdialog.js"></script>
        <script type="text/javascript" src="http://cdn.uuola.cn/js/artdialog.plugins.js"></script>
        <link href="css/com.css" type="text/css" rel="stylesheet">
        <style type="text/css">
            #top,#foot{height:68px;width:900px;margin:auto;}
            #top{border-bottom:2px #2399F9 solid;background:url(http://img04.taobaocdn.com/imgextra/i4/152137799/T22IO1XodaXXXXXXXX_!!152137799.gif) no-repeat 0px 9px;}
            #foot{border-top:1px #CCC solid;border-bottom:none;color:#999;margin:30px auto;padding:9px 0px 0px 0px;}
            #loginbox{text-align:left;width:900px;padding:2px; height:450px;margin:25px auto;}
            #leftbg{width:510px;height:450px;background:url(img/b3.jpg) 10px 30px no-repeat;}
            #leftbg,#rightfrm{float:left;}
            #rightfrm{width:360px;margin-top:30px;}
            #rightfrm table{width:350px;height:350px;text-align:center;}
            #rightfrm table tr{height:40px;text-align:center;}
            #rightfrm table td.f1{font-size:14px;padding-left:9px;height:40px;text-align:center;}
            #rightfrm {border:1px #CCC dotted;}
            #rightfrm input.s1{
                height:24px;border: solid 1px #C7C7C7;
                background:url(http://img03.taobaocdn.com/imgextra/i3/152137799/T2QU15XkBaXXXXXXXX_!!152137799.png) repeat-x;
                -webkit-border-radius: .3em; 
                -moz-border-radius: .3em;
                border-radius: .3em;
                -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
                -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
                box-shadow: 0 1px 2px rgba(0,0,0,.1);
                width:200px;
                padding:3px;
                font-size:14px;
            }
            #rightfrm input.s1:hover{border-color:red;background-color:#ffffff;}
            #rightfrm input.s1:focus{background-color:#ffffff;border-color:#F87300;color:#000000;}
        </style>
    </head>
    <body>
        <div id="top"></div>
        <div id="loginbox">
            <div id="leftbg"></div>
            <div id="rightfrm">
                <form id="sign_frm" name="sign_frm" method="post" action="">
                    <table cellpadding="0" cellspacing="0">
                        <tr>
                            <td colspan="3" height="32">
                                <p style="color:#1C8EE9;font-size:20px;font-weight:600;padding:9px 0 0 29px;text-shadow:#D0D0D0 2px 1px 2px;">System Login</p>
                            </td>
                        </tr>
                        <tr>
                            <td width="90" align="center" valign="middle" class="f1"><label for="mgrname">账户名:</label> </td>
                            <td colspan="2">
                                <input name="mgrname" type="text" id="mgrname" value="" tabindex="1" size="20"  class="s1" onfocus="this.value='';"/>
                            </td>
                        </tr>
                        <tr>
                            <td align="center" valign="middle" class="f1"> <label for="passkey">密 码:</label></td>
                            <td colspan="2"><input name="passkey" type="password" tabindex="2"  id="passkey" size="20" value="" class="s1" onfocus="this.value='';"/></td>
                        </tr>
                        <tr>
                            <td align="center" valign="middle" class="f1"> <label for="vcode">验证码:</label></td>
                            <td width="125">
                                <input name="vcode" type="text" id="vcode" size="15" tabindex="3"   class="s1" style="width:80px;" onfocus="this.value='';"/></td>
                            <td><img id="codeimg" src="../auth/code.srv" width="93" height="29" align="middle" onClick="VIMG.reload();" title="点击图片刷新校验码" alt="点击图片刷新校验码"></td>
                        </tr>
                        <tr>
                            <td colspan="3" style="text-align:center;">
                                <input type="button" name="loginBtn" id="loginBtn" value="登录"  class="button orange"  tabindex="4" onclick="SIGN.submit();"/>
                                <input type="button" name="resetBtn" id="resetBtn" value="重置" class="button gray" onclick="SIGN.reset();"/>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>

        </div>

        <div id="foot">2007-2100&copy; txdnet.cn TXCMS v1.1 推荐使用 <a href="https://www.google.com/chrome/index.html" target="_blank">Chrome</a>, <a href="http://firefox.com.cn/" target="_blank">Firefox</a> 浏览器登录系统进行操作.</div>


        <script type="text/javascript">
            VIMG.set('../auth/code.srv');
            var SIGN={
                submit:function(){
                    var p={
                        mgrname:$('#mgrname').val(),
                        key:$.md5($.md5($('#passkey').val()) + ut.lower($('#vcode').val()) ),
                        vcode:ut.lower( $('#vcode').val() )
                    };
                    if(va.isnull(p.mgrname)){ut.m('请输入管理员账户名.');return;}
                    if(va.isnull(p.vcode)){ut.m('请输入验证码.');return;}
                    var $rb=$('#loginBtn');
                    var u=$.param(p);
                    $rb.attr('disabled','disabled');
                    $.ajax({type:"GET",cache:false,url:'login/sign_in.shtm',dataType:"text",data:u,
                        success:function(x){
                            var r = $.trim(x);
                            if(r=='ok'){
                                ut.gopage('main.jsp?'+ut.r());
                            }else{
                                ut.m(r);
                                $rb.removeAttr('disabled');
                                VIMG.reload();
                            }
                        },
                        error:function(x){ut.m('服务繁忙,请稍候再尝试提交. Err:'+x);}
                    });
                },
                reset:function(){
                    ut.reload('?t='+ut.r());
                }
            };
        </script>
    </body>
</html>
